<script setup>
import tabBar from "../../../components/tabBar.vue"

const arr=[
  {
    incon:'/static/1@2x.png',
    title:"我的请假",
    to:'/pages/index/myvocation'
  },
  {
    incon:'/static/1@2x.png',
    title:"待销假",
    to:'???'
  }
]
const toNext=(to)=>{
  uni.navigateTo({
    url:to
  })
}
</script>
<template>
  <view class="background">
    <view class="my1 mg10" v-for="(item,index) in arr" :key="index" @click="toNext(item.to)">
      <view class="h2 dfl">
        <view>
          <image class="img1" :src="item.incon"></image>
        </view>
        <view class="title1">
          <text class="title">{{item.title}}</text>
        </view>
      </view>
    </view>

  </view>
  <view>
    <tabBar :curindex="1"></tabBar>
  </view>
</template>


<style>
.my1{
  display: flex;
  justify-content: center;
}
.h2{
  width: 351px;
  height: 70px;
  background-color: #ffffff;
  border-radius: 12px;
  margin-top: 20px;
}
.img1{
  width: 28px;
  height: 28px;
  margin-left: 20px;
}
.dfl{
  display: flex;
  justify-content: start;
  align-items: center;
}
.title{
  font-size: 15px;
  color: #000000;
  font-family: 黑体;
  margin-left: 5px;
}
.title1{
  margin-left: 5px;
  margin-bottom: 5px;
}
.mg10{
  margin-bottom: 5px;
}
.background{
  width: 100%;
  height: 1000px;
  background: #F3F5F9;
}
</style>
